import { useGetDisciplineById } from "@/entities/discipline/model/useGetDisciplineById";
import UiProfile from "@/entities/user/ui/UiProfile";
import ChooseTheme from "@/features/choose-theme/ui/choose-theme";
import { UiHeader } from "@/shared/Uikit/UiHeader";


export default function Discipline({ params }: { params: { id: number } }) {
    const disciplineId = params.id
    const discipline = useGetDisciplineById(disciplineId)
    return (
        <>
            {discipline.discipline &&
                <>
                    <div className="min-h-screen">

                        <UiHeader
                            className='fixed'
                            backButton
                            backUrl={`/disciplines`}
                            right={<UiProfile />}
                            title={discipline.discipline.tittle}
                        />
                        <ChooseTheme disciplineId={disciplineId} />
                    </div>
                </>
            }
        </>
    )
}